<div class="addGoods">
  <el-row>
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/goods' }">商品列表</el-breadcrumb-item>
      <el-breadcrumb-item>{{id | fil}}</el-breadcrumb-item>
    </el-breadcrumb>
  </el-row>
  <el-row style="padding: 10px 30px; box-sizing: border-box;">{{id | fil}}信息</el-row>
  <el-row>
    <el-steps :active="active" finish-status="success">
      <el-step title="步骤 1"></el-step>
      <el-step title="步骤 2"></el-step>
      <el-step title="步骤 3"></el-step>
      <el-step title="步骤 4"></el-step>
      <el-step title="步骤 5"></el-step>
    </el-steps>
  </el-row>

  <el-row>
    <el-radio-group v-model="tabPosition" style="margin-bottom: 30px;"></el-radio-group>
    <el-tabs :tab-position="tabPosition" style="min-height: 200px;" @tab-click="next">
      <el-tab-pane label="基本信息">
        <el-form :model="goodsInfo" :rules="goodsRules" ref="goodsRule" label-width="100px" class="demo-ruleForm">
          <el-form-item label="商品名称" prop="goods_name">
            <el-input v-model="goodsInfo.goods_name"></el-input>
          </el-form-item>
          <el-form-item label="商品价格" prop="goods_price">
            <el-input v-model="goodsInfo.goods_price"></el-input>
          </el-form-item>
          <el-form-item label="商品重量" prop="goods_weight">
            <el-input v-model="goodsInfo.goods_weight"></el-input>
          </el-form-item>
          <el-form-item label="商品数量" prop="goods_number">
            <el-input v-model="goodsInfo.goods_number"></el-input>
          </el-form-item>
          <el-form-item label="商品分类" prop="goods_cat">
            <el-cascader
              v-model="goods_cat"
              :options="cateList"
              :props="{ expandTrigger: 'hover', value: 'cat_id', label: 'cat_name' }">
            </el-cascader>
          </el-form-item>
          <el-form-item label="是否促销">
            <el-radio @click="selectHandler" border v-model="dazhe" label="1">是</el-radio>
            <el-radio @click="selectHandler" border v-model="dazhe" label="2">否</el-radio>
          </el-form-item>
        </el-form>
      </el-tab-pane>
      <el-tab-pane label="商品参数">
        <el-row v-for="item in categoriesList" :key="item" style="margin: 20px;">
          <el-col :span="4">
            {{ item.attr_name }}
          </el-col>
          <el-col :span="12">
            <el-tag
              :key="tag"
              v-for="tag in item.attr_vals"
              closable
              :disable-transitions="false">
              {{tag}}
            </el-tag>
          </el-col>
        </el-row>
      </el-tab-pane>
      <el-tab-pane label="商品属性">商品属性</el-tab-pane>
      <el-tab-pane label="商品图片">商品图片</el-tab-pane>
      <el-tab-pane label="商品内容">商品内容</el-tab-pane>
    </el-tabs>
  </el-row>
  <el-button @click="submitHandler">提交</el-button>
</div>